<!DOCTYPE html>
<html>
	<head>，
		<meta charset="utf-8" />
		<title>样式</title>
		<style>
			h3{
				color:#be3ba8;       /*字体颜色    rgb:rad红 green绿色 blue蓝 0~F十六进制 ALT+鼠标点击*/
				font-size: 36px;    /*字体大小*/
				text-align:center;   /*文本居中*/
			}
			p{
				color:red;
			}
			.size{
				font-size:120px;
			}
			#col{
				color:#7253bf;
				font-family: 'microsoft yaHei';
				font-weight:800;/*字体加粗*/
			}
			</style>
			<!-- 引入 css文件-->
			<link href="css/fontStyle.css"rel="stylesheet"/>
	</head>
	<body>
		<!-- css：层叠样式表，级联样式表，用来布局和美化页面-->
		<!-- 
		 引入样式：
		  1.内联样式：在开始标签中用style属性
		  2.内部样式：在html文件的head标签中用style标签来书写
		  3.外部样式：
		  step1：创建css文件，书写样式
		  step2：在html文件中引入css文件
		  思考：对同一个标签用三种引入方式作用同一种效果，三种引入方式的优先级分别是？内联样式优先级最高，谁离标签更进，谁的优先级更高。
		  -->
		  <!-- 
		   选择器:
		   1.标签选择器
		   2.类选择器
		   3.id选择器
		   -->
		<h1 style="color:blue;font-size:52px;">古诗中文网</h1>
		<h3 style="color:red;">蒹葭</h3>
		<p style="color:black;">蒹葭苍苍，白露为霜</p>
		<p id="col">所谓伊人，在水一方</p>
		
	</body>
</html>
